/**
* 左边菜单
*/
<template>
  <div data-v-7255c602="" data-v-f5ffa198="" id="left" class="left">
    <div data-v-7255c602="" class="kflexcc"><img data-v-7255c602="" src="https://test91.91haoka.cn/1693812728Iq1.jpg"
        style="margin: 20px 0px; width: 139px; cursor: pointer;">
    </div>
    <div data-v-7255c602="" class="nav">
      <div data-v-7255c602="" class="navli">
        <!-- router-link-exact-active  router-link-active-->
        <a data-v-7255c602="" aria-current="page" @click="gotoHome" :class="{'router-link-active': activeIndex === 0}">
          <img data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          首页

        </a>
      </div>
      <div data-v-7255c602="" class="navli">
        <a data-v-7255c602="" href="#/mySupplier" class="">
          <img data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          我的供应商
        </a>
      </div>
      <div data-v-7255c602="" class="navli"><a data-v-7255c602="" href="#/myDistributor" class=""><img
            data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          我的分销商</a></div>

      <el-collapse>

        <el-collapse-item>
          <template slot="title">
            <div role="tab" aria-expanded="true" aria-controls="el-collapse-content-7322"
              aria-describedby="el-collapse-content-7322">

              <div role="button"><img
                  src=""
                  style="margin-right: 9px; width: 14px;">
                产品管理中心
              </div>
            </div>
          </template>
          <div role="tabpanel">
            <div class="el-collapse-item__content">
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/productionBasismanag"
                  class="">产品渠道管理</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/productionDelivery"
                  class="">在售商品管理</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
            </div>
          </div>

        </el-collapse-item>

        <el-collapse-item>
          <template slot="title">
            <div role="tab" aria-expanded="true" aria-controls="el-collapse-content-7322"
              aria-describedby="el-collapse-content-7322">

              <div role="button">
                <img data-v-7255c602=""
                  src=""
                  style="margin-right: 9px; width: 14px;" />
                订单管理
              </div>
            </div>
          </template>
          <div role="tabpanel" aria-labelledby="el-collapse-head-7322" id="el-collapse-content-7322"
            class="el-collapse-item__wrap">
            <div class="el-collapse-item__content">
              <div data-v-7255c602="" class="navli2">
                <a data-v-7255c602="" @click="goOrderHandler" :class="{'router-link-active': activeIndex === 1}">订单处理

                </a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/orderImport" class="">批量导入</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/order_catch" class="">抓单管理</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
            </div>
          </div>

        </el-collapse-item>

        <el-collapse-item>
          <template slot="title">
            <div role="tab" aria-expanded="true" aria-controls="el-collapse-content-7322"
              aria-describedby="el-collapse-content-7322">

              <div role="button">
                <img
                  src=""
                  style="margin-right: 9px; width: 14px;">生产管理

              </div>
            </div>
          </template>
          <div role="tabpanel">
            <div class="el-collapse-item__content">
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/order_examine" class="">订单审核</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/order_production" class="">生产发货</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/order_productionzdsc"
                  class="">自动生产订单</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
            </div>
          </div>
        </el-collapse-item>
      </el-collapse>

      <div data-v-7255c602="" class="navli xin"><a data-v-7255c602="" href="#/xinbaobiao" class=""><!---->
          <img data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          新报表
        </a>
        <div data-v-7255c602="" class="t_local"></div>
      </div> <!---->


      <el-collapse>

        <el-collapse-item>
          <template slot="title">
            <div role="tab" aria-expanded="true" aria-controls="el-collapse-content-7322"
              aria-describedby="el-collapse-content-7322">

              <div role="button"><img data-v-7255c602=""
                  src=""
                  style="margin-right: 9px; width: 14px;">财务管理
              </div>
            </div>
          </template>
          <div role="tabpanel">
            <div class="el-collapse-item__content">
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/finance/onlinecommission"
                  class="">收入管理</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/finance/zhichu" class="">核算支出</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
              <div data-v-7255c602="" class="navli2">
                <div data-v-7255c602=""><a data-v-7255c602="" href="#/finance/financenumber" class="">返利管理</a>
                  <div data-v-7255c602="" class="t_local"></div>
                </div>
              </div>
            </div>
          </div>

        </el-collapse-item>

      </el-collapse>


      <div data-v-7255c602="" role="tablist" aria-multiselectable="true" class="el-collapse">
        <div data-v-7255c602="" class="el-collapse-item">
          <div role="tab" aria-controls="el-collapse-content-7144" aria-describedby="el-collapse-content-7144">

          </div>

        </div>
      </div>
      <div data-v-7255c602="" class="navli"><a data-v-7255c602="" href="#/callsystem/taskCenter" class=""><img
            data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          外呼中心</a></div>
      <div data-v-7255c602="" class="navli"><a data-v-7255c602="" href="#/duanxin" class=""><img data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          短信中心</a></div>
      <div data-v-7255c602="" class="navli"><a data-v-7255c602="" href="#/tousugongdan" class=""><img data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          投诉工单管理(0)</a>
        <div data-v-7255c602="" class="t_local"></div>
      </div>
      <div data-v-7255c602="" class="navli"><a data-v-7255c602="" href="#/zhanghuguanli" class=""><img
            data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          账号管理中心</a>
        <div data-v-7255c602="" class="t_local"></div>
      </div>
      <div data-v-7255c602="" class="navli"><a data-v-7255c602="" href="#/xiaoxitongzhi" class=""><img
            data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          消息通知</a></div>
      <div data-v-7255c602="" class="navli"><a data-v-7255c602="" href="#/wodezhanghu" class=""><img data-v-7255c602=""
            src=""
            style="margin-right: 5px; width: 14px;">
          我的账户</a>

      </div> <!---->


      
      <el-collapse>

        <el-collapse-item>
          <template slot="title">
            <div role="tab" aria-expanded="true" aria-controls="el-collapse-content-7322"
              aria-describedby="el-collapse-content-7322">

              <div role="button"><img
                data-v-7255c602=""
                src=""
                style="margin-right: 9px; width: 14px;">直播统计
            </div>
            </div>
          </template>
          <div role="tabpanel">
            <div class="el-collapse-item__content">
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/zhibodaka" class="">直播打卡</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
              <div data-v-7255c602="" class="navli2"><a data-v-7255c602="" href="#/zhibotongji" class="">直播统计</a>
                <div data-v-7255c602="" class="t_local"></div>
              </div>
            </div>
          </div>

        </el-collapse-item>

      </el-collapse>

    </div>
  </div>
</template>
<script>
  export default {
    name: 'leftnav',
    data() {
      return {
        activeIndex: 0
      }
    },
    methods: {
      gotoHome() {
        this.activeIndex = 0
        this.$router.push('home');

      },
      goOrderHandler() {
        this.activeIndex = 1
        this.$router.push('orderHandler');

      }
    },
  }
</script>
<style>
  html,
  body {
    margin: 0;
    padding: 0;
    font-family: "microsoft sans serif";
  }

  @font-face {
    font-family: 'shuziyong';
    /* src: url('./static/kuanping/guojihua.ttf'); */
    font-weight: normal;
    font-style: normal;
  }


  .el-input__inner:-moz-placeholder {
    color: rgb(140, 140, 140) !important;
  }

  .el-input__inner:-ms-input-placeholder {
    color: rgb(140, 140, 140) !important;
  }

  .el-input__inner::-webkit-input-placeholder {
    color: rgb(140, 140, 140) !important;
  }

  a {
    text-decoration: none
  }

  .el-tooltip__popper {
    max-width: 1000px;
  }

  .index {
    background: #F4F4F4;
  }

  .center {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background: #F4F4F4;
    min-width: 1440px;
  }

  .left {
    width: 200px;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .right {
    width: calc(100% - 210px);
    height: 100vh;
    overflow-y: auto;
    background: #fff;
  }

  .right2 {
    width: calc(100% - 210px);
    height: 100vh;
    overflow-y: auto;
    background: #fff;
  }


  .kflex {
    display: flex;
    flex-wrap: wrap;
  }

  .kflexb {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .kflexbc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .kflexcc {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .kflexc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .lanse {
    color: #197cff;
  }

  .f1 {
    color: rgb(51, 51, 51);
    width: 120px;
  }

  .f2 {
    margin-right: 20px;
  }

  .hei10 {
    width: 100%;
    height: 10px;
    background: #f4f4f4;
  }

  /* 设置滚动条的样式 */
  .right::-webkit-scrollbar {
    width: 5px;
  }

  .left::-webkit-scrollbar {
    width: 5px;
  }


  /* 滚动槽 */
  ::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 2px #ccc; */
    background: #eaeaea;
    /* border-radius: 5px; */
  }

  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    /* border-radius: 5px; */
    background: #ccc;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); */
  }

  ::-webkit-scrollbar-thumb:window-inactive {
    background: #ccc;
  }
</style>